<div data-ride="carousel" class="carousel-of-product carousel slide" id="carousel-of-product">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li class="active" data-slide-to="0" data-target="#carousel-of-product"></li>
    <li data-slide-to="1" data-target="#carousel-of-product" class=""></li>
    <li data-slide-to="2" data-target="#carousel-of-product" class=""></li>
    <li data-slide-to="3" data-target="#carousel-of-product" class=""></li>
  </ol>
  <!-- Wrapper for slides -->
  <div role="listbox" class="carousel-inner">
    <div class="item active">
      <img src="/pic/tmall_img/lunbo/1.jpg" class="carousel carouselImage">
    </div>
    <div class="item">
      <img src="/pic/tmall_img/lunbo/2.jpg" class="carouselImage">
    </div>
    <div class="item">
        <img src="/pic/tmall_img/lunbo/3.jpg" class="carouselImage">
    </div>
    <div class="item">
        <img src="/pic/tmall_img/lunbo/4.jpg" class="carouselImage">
    </div>
  </div>
</div>  